﻿<!DOCTYPE html>
<html>
  <head>
    <title>推荐页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/推荐页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/推荐页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u416" class="ax_default _形状">
        <img id="u416_img" class="img " src="images/核心交互流程/u93.svg"/>
        <div id="u416_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u417" class="ax_default" data-left="58" data-top="1101" data-width="604" data-height="162">

        <!-- Unnamed (形状) -->
        <div id="u418" class="ax_default _形状">
          <img id="u418_img" class="img " src="images/核心交互流程/u10.svg"/>
          <div id="u418_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u419" class="ax_default _图片_">
          <img id="u419_img" class="img " src="images/核心交互流程/u11.svg"/>
          <div id="u419_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u420" class="ax_default _图片_">
          <img id="u420_img" class="img " src="images/核心交互流程/u12.svg"/>
          <div id="u420_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u421" class="ax_default _文本段落">
          <div id="u421_div" class=""></div>
          <div id="u421_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u422" class="ax_default _文本段落">
          <div id="u422_div" class=""></div>
          <div id="u422_text" class="text ">
            <p><span>推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u423" class="ax_default _文本段落">
          <div id="u423_div" class=""></div>
          <div id="u423_text" class="text ">
            <p><span>发现</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u424" class="ax_default _文本段落">
          <div id="u424_div" class=""></div>
          <div id="u424_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u425" class="ax_default _图片_">
          <img id="u425_img" class="img " src="images/核心交互流程/u102.svg"/>
          <div id="u425_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u426" class="ax_default _图片_">
          <img id="u426_img" class="img " src="images/核心交互流程/u103.svg"/>
          <div id="u426_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u427" class="ax_default _图片_">
        <img id="u427_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u427_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u428" class="ax_default _形状">
        <img id="u428_img" class="img " src="images/核心交互流程/u105.svg"/>
        <div id="u428_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u429" class="ax_default _图片_">
        <img id="u429_img" class="img " src="images/核心交互流程/u106.svg"/>
        <div id="u429_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u430" class="ax_default _图片_">
        <img id="u430_img" class="img " src="images/核心交互流程/u107.png"/>
        <div id="u430_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u431" class="ax_default _文本段落">
        <div id="u431_div" class=""></div>
        <div id="u431_text" class="text ">
          <p><span>9：41</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u432" class="ax_default _文本段落">
        <div id="u432_div" class=""></div>
        <div id="u432_text" class="text ">
          <p><span>历史演变</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u433" class="ax_default _图片_">
        <img id="u433_img" class="img " src="images/核心交互流程/u111.svg"/>
        <div id="u433_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u434" class="ax_default _图片_">
        <img id="u434_img" class="img " src="images/核心交互流程/u111.svg"/>
        <div id="u434_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u435" class="ax_default _形状">
        <img id="u435_img" class="img " src="images/核心交互流程/u113.svg"/>
        <div id="u435_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u436" class="ax_default _形状">
        <img id="u436_img" class="img " src="images/核心交互流程/u113.svg"/>
        <div id="u436_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u437" class="ax_default _形状">
        <img id="u437_img" class="img " src="images/核心交互流程/u115.svg"/>
        <div id="u437_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u438" class="ax_default _形状">
        <img id="u438_img" class="img " src="images/核心交互流程/u115.svg"/>
        <div id="u438_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u439" class="ax_default _形状">
        <img id="u439_img" class="img " src="images/核心交互流程/u117.svg"/>
        <div id="u439_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u440" class="ax_default _形状">
        <img id="u440_img" class="img " src="images/核心交互流程/u118.svg"/>
        <div id="u440_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u441" class="ax_default _形状">
        <img id="u441_img" class="img " src="images/核心交互流程/u119.svg"/>
        <div id="u441_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u442" class="ax_default _形状">
        <img id="u442_img" class="img " src="images/核心交互流程/u120.svg"/>
        <div id="u442_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u443" class="ax_default _图片_">
        <img id="u443_img" class="img " src="images/核心交互流程/u121.svg"/>
        <div id="u443_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u444" class="ax_default _图片_">
        <img id="u444_img" class="img " src="images/核心交互流程/u122.svg"/>
        <div id="u444_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u445" class="ax_default _图片_">
        <img id="u445_img" class="img " src="images/核心交互流程/u123.svg"/>
        <div id="u445_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u446" class="ax_default _图片_">
        <img id="u446_img" class="img " src="images/核心交互流程/u124.svg"/>
        <div id="u446_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u447" class="ax_default _图片_">
        <img id="u447_img" class="img " src="images/核心交互流程/u125.svg"/>
        <div id="u447_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u448" class="ax_default _图片_">
        <img id="u448_img" class="img " src="images/核心交互流程/u126.svg"/>
        <div id="u448_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u449" class="ax_default _图片_">
        <img id="u449_img" class="img " src="images/核心交互流程/u127.svg"/>
        <div id="u449_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u450" class="ax_default _图片_">
        <img id="u450_img" class="img " src="images/核心交互流程/u128.svg"/>
        <div id="u450_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default _文本段落">
        <div id="u451_div" class=""></div>
        <div id="u451_text" class="text ">
          <p><span>画作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u452" class="ax_default _文本段落">
        <div id="u452_div" class=""></div>
        <div id="u452_text" class="text ">
          <p><span>中国史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default _文本段落">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>世界史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u454" class="ax_default _文本段落">
        <div id="u454_div" class=""></div>
        <div id="u454_text" class="text ">
          <p><span>古迹</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default _文本段落">
        <div id="u455_div" class=""></div>
        <div id="u455_text" class="text ">
          <p><span>古籍</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u456" class="ax_default _文本段落">
        <div id="u456_div" class=""></div>
        <div id="u456_text" class="text ">
          <p><span>科技史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default _文本段落">
        <div id="u457_div" class=""></div>
        <div id="u457_text" class="text ">
          <p><span>国家史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u458" class="ax_default _文本段落">
        <div id="u458_div" class=""></div>
        <div id="u458_text" class="text ">
          <p><span>宇宙简史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default _文本段落">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p><span>交互说明：<br><br>请按下语音键，进行语音输入</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u460" class="compound ax_default _线段" data-height="1" data-width="89" CompoundMode="true">
        <img id="u460_img" class="singleImg img " src="images/首页/u360.svg"/>
        <div id="u460p000" class="ax_vector_shape" WidgetTopLeftX="-0.468136732984304" WidgetTopLeftY="-0.0444841957093577" WidgetTopRightX="0.478653624009839" WidgetTopRightY="0.0473707415602702" WidgetBottomLeftX="-0.468202610300061" WidgetBottomLeftY="0.122179275372009" WidgetBottomRightX="0.478587746694082" WidgetBottomRightY="0.214034212641637">
          <img id="u460p000_img" class="img " src="images/推荐页/u460p000.svg"/>
        </div>
        <div id="u460p001" class="ax_vector_shape" WidgetTopLeftX="-0.181522394901445" WidgetTopLeftY="-0.0284328305960599" WidgetTopRightX="3.86385458498262" WidgetTopRightY="-0.000876349415171573" WidgetBottomLeftX="-0.181803870705134" WidgetBottomLeftY="0.02156621072835" WidgetBottomRightX="3.86357310917893" WidgetBottomRightY="0.0491226919092384">
          <img id="u460p001_img" class="img " src="images/推荐页/u460p001.svg"/>
        </div>
        <div id="u460p002" class="ax_vector_shape" WidgetTopLeftX="2.41661954978471" WidgetTopLeftY="0.0299223132664509" WidgetTopRightX="-0.0555552712555572" WidgetTopRightY="0.0137126184541638" WidgetBottomLeftX="2.41679156277585" WidgetBottomLeftY="0.00051111248738621" WidgetBottomRightX="-0.0553832582644136" WidgetBottomRightY="-0.0156985823249009">
          <img id="u460p002_img" class="img " src="images/推荐页/u460p002.svg"/>
        </div>
        <div id="u460_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u461" class="ax_default _图片_">
        <img id="u461_img" class="img " src="images/核心交互流程/u109.svg"/>
        <div id="u461_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
